<template>
  <a-tooltip v-if="tooltipList" position="top" :content-style="{ maxWidth: titleTooltipMaxWidth + 'px' }">
    <icon-question-circle class="card-help-icon" />
    <template #content>
      <div v-for="(item, index) in tooltipList" :key="index">{{ item }}</div>
    </template>
  </a-tooltip>
</template>

<script setup>
  defineProps({
    title: String,
    tooltipList: Array,
    titleTooltipMaxWidth: {
      type: Number,
      default: 300,
    },
  })
</script>
<style lang="less" scoped>
  .card-help-icon {
    margin: 0 6px;
    font-size: 16px;
  }
</style>
